<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>地点选择</title>
  </head>
  <body>
    <iframe 
      id="mapPage" 
      width="100%" 
      height="750px" 
      frameborder=0
      src="https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=DH4BZ-EDEWR-RULWZ-WNUWB-HNAKQ-KJB7Qkey&referer=myapp">
    </iframe>
    <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.1.js"></script>
    <script type="text/javascript">
      window.addEventListener('message', function (event) {
        var loc = event.data;
        if (loc && loc.module == 'locationPicker') {
          console.log('location', loc);
          uni.postMessage({
            data: loc
          })
        }
      }, false);
    </script>
  </body>
</html>